<!DOCTYPE html>
<html prefix="
og: http://ogp.me/ns#
article: http://ogp.me/ns/article#
" lang="zh_cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Nikola Tesla | vincent blog</title>
<link href="../../assets/css/all-nocdn.css" rel="stylesheet" type="text/css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="../../rss.xml">
<link rel="canonical" href="https://wisonwang.github.io/galleries/demo/">
<!--[if lt IE 9]><script src="/assets/js/html5.js"></script><![endif]--><link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<style type="text/css">
    .image-block {
        display: inline-block;
    }
    .flowr_row {
        width: 100%;
    }
    </style>
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
</head>
<body>
    <section class="social"><ul>
<li><a href="../../index.html" title="Home"><i class="icon-home"></i></a></li>
            <li><a href="../../archive.html" title="文章存档"><i class="icon-archive"></i></a></li>
            <li><a href="../../categories/" title="标签"><i class="icon-tags"></i></a></li>
            <li><a href="../../pages/about" title="About"><i class="icon-about"></i></a></li>
            <li><a href="../../rss.xml" title="RSS 源"><i class="icon-rss"></i></a></li>
            <li><a href="https://twitter.com/wisonwang" title="My Twitter"><i class="icon-twitter"></i></a></li>
            <li><a href="https://github.com/wisonwang" title="My Github"><i class="icon-github"></i></a></li>

        </ul></section><section class="page-content"><div class="content" rel="main">
    <nav class="breadcrumbs"><ul class="breadcrumb">
<li><a href="../">galleries</a></li>
                <li>Nikola Tesla</li>
</ul></nav><h1>Nikola Tesla</h1>
    <p>
        </p>
<p>Some public domain pictures of Nikola Tesla
(copied from <a class="reference external" href="http://kerryr.net/pioneers/gallery/tesla.htm">here</a>)</p>
    

<div id="gallery_container"></div>
<noscript>
<ul class="thumbnails">
<li>
<a href="tesla_lightning1_lg.jpg" class="thumbnail image-reference" title="Tesla lightning1 lg">
            <img src="tesla_lightning1_lg.thumbnail.jpg" alt="Tesla lightning1 lg"></a>
        </li>
<li>
<a href="tesla_tower1_lg.jpg" class="thumbnail image-reference" title="Tesla tower1 lg">
            <img src="tesla_tower1_lg.thumbnail.jpg" alt="Tesla tower1 lg"></a>
        </li>
<li>
<a href="tesla4_lg.jpg" class="thumbnail image-reference" title="Tesla4 lg">
            <img src="tesla4_lg.thumbnail.jpg" alt="Tesla4 lg"></a>
        </li>
<li>
<a href="tesla_lightning2_lg.jpg" class="thumbnail image-reference" title="Tesla lightning2 lg">
            <img src="tesla_lightning2_lg.thumbnail.jpg" alt="Tesla lightning2 lg"></a>
        </li>
<li>
<a href="tesla_conducts_lg.jpg" class="thumbnail image-reference" title="Tesla conducts lg">
            <img src="tesla_conducts_lg.thumbnail.jpg" alt="Tesla conducts lg"></a>
</li>
</ul>
</noscript>
                     <footer id="footer"><p>Contents © 2020         <a href="mailto:fangfu2012@gmail.com">vincent wang</a> - Powered by         <a href="https://getnikola.com" rel="nofollow">Nikola</a>         </p>
            
        </footer>
</div>
    </section><script src="../../assets/js/all-nocdn.js" type="text/javascript"></script><script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script><script type="text/x-mathjax-config">
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$latex ','$'], ['\\(','\\)']]}});
    </script><script src="../../assets/js/flowr.js"></script><script>
jsonContent = [{"size": {"h": 129, "w": 180}, "title": "Tesla lightning1 lg", "url": "tesla_lightning1_lg.jpg", "url_thumb": "tesla_lightning1_lg.thumbnail.jpg"}, {"size": {"h": 125, "w": 180}, "title": "Tesla tower1 lg", "url": "tesla_tower1_lg.jpg", "url_thumb": "tesla_tower1_lg.thumbnail.jpg"}, {"size": {"h": 180, "w": 128}, "title": "Tesla4 lg", "url": "tesla4_lg.jpg", "url_thumb": "tesla4_lg.thumbnail.jpg"}, {"size": {"h": 131, "w": 180}, "title": "Tesla lightning2 lg", "url": "tesla_lightning2_lg.jpg", "url_thumb": "tesla_lightning2_lg.thumbnail.jpg"}, {"size": {"h": 180, "w": 128}, "title": "Tesla conducts lg", "url": "tesla_conducts_lg.jpg", "url_thumb": "tesla_conducts_lg.thumbnail.jpg"}];
flowr(document.querySelectorAll("#gallery_container")[0], {
        data : jsonContent,
        height : 180*.6,
        padding: 5,
        rows: -1,
        render : function(params) {
            // Just return a div, string or a dom object, anything works fine
            var img = document.createElement("img");
            img.setAttribute('src', params.itemData.url_thumb);
            img.setAttribute('width', params.width);
            img.setAttribute('height', params.height);
            img.setAttribute('alt', params.itemData.title);
            img.style.maxWidth = '100%';
            link = document.createElement("a");
            link.setAttribute('href', params.itemData.url);
            link.setAttribute('class', 'image-reference');
            div = document.createElement("div");
            div.setAttribute('class', 'image-block');
            div.setAttribute('title', params.itemData.title);
            div.setAttribute('data-toggle', "tooltip")
            link.append(img);
            div.append(link);
            //div.hover(div.tooltip());
            return div;
        },
        itemWidth : function(data) { return data.size.w; },
        itemHeight : function(data) { return data.size.h; },
        complete : function(params) {
            if( jsonContent.length > params.renderedItems ) {
                nextRenderList = jsonContent.slice( params.renderedItems );
            }
        }
    });
    baguetteBox.run('#gallery_container', {
        captions: function(element) {
            return element.getElementsByTagName('img')[0].alt;
    }});
</script>
</body>
</html>
